<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>北大青鸟课程介绍界面</title>
	</head>
	<style>
		body {

			background: linear-gradient(#efefec, #fdfded);
		}

		.all .d3 span {

			background-color: green;
		}

		.all .d4 span {

			background-color: greenyellow;
		}

		.all .d5 span {

			background-color: skyblue;
		}

		.all .d6 span {

			background-color: royalblue;
		}

		.all .d7 span {
			background-color: darkblue;
		}

		.all2 .d8 span {

			background-color: orange;
		}

		.all2 .d9 span {
			border: 1px solid black;
			background-color: firebrick;
		}

		.all2 .d10 span {
			border: 1px solid black;
			background-color: pink;
		}

		.all2 .d11 span {
			border: 1px solid black;
			background-color: darkred;
		}

		.all2 .d12 span {
			border: 1px solid black;
			background-color: magenta;
		}

		.all2 .d13 span {
			border: 1px solid black;
			background-color: darkmagenta;
		}
		.all p{
			color: greenyellow;
		}
		.all2 p{
			color: orange;
		}
	</style>
	<body>
		<div class="all">
			<div class="d1">
				<img src="image/title.gif" />
			</div>
			<div class="d2">
				<img src="image/img_01.png" />
			</div>
			<div class="d3">
				<span>逆向课程设计:</span>
				<p>以企业需求决定课程设计内容，确保训练内容及深度和企业需求一致</p>
			</div>
			<div class="d4">
				<span>模拟学员学习路线：</span>
				<p>强调难点和复杂技能点的反复训练，力求学习效果和学习体验</p>
			</div>
			<div class="d5">
				<span>互联网作为教学环境：</span>
				<p> 学员的日常教学和训练均在互联网线上进行</p>
			</div>
			<div class="d6">
				<span>学习挡板监控网上学习效果：</span>
				<p>每个学习阶段设置线上线下测试，严密监控学习效果</p>
			</div>
			<div class="d7">
				<span>真实开发项目经验积累：</span>
				<p>采用专业互联网企业提供的真实项目作为模拟开发</p>
			</div>
		</div>
		<div class="all2">
			<div>
				<img src="image/img_02.png" />
			</div>
			<div class="d8">
				<span>【实用性】——</span>
				<p>以就业岗位需求为导向，重点讲解企业80％的时间在使用的20％的技术</p>
			</div>
			<div class="d9">
				<span>【权威性】——</span>
				<p>与来自百度等知名企业的专家联合开发</p>
			</div>
			<div class="d10">
				<span>【专业性】——</span>
				<p> 引进业内资深人才和典型行业开发项目</p>
			</div>
			<div class="d11">
				<span>【真实性】——</span>
				<p> 在互联网真实环境下进行教学和训练</p>
			</div>
			<div class="d12">
				<span>【易学性】——</span>
				<p>在线培训模式，24小时专家在线解答疑难问题</p>
			</div>
			<div class="d13">
				<span>【完整性】——</span>
				<p>利用SNS虚拟社区：学习、人脉双丰收
			</div>
		</div>
	</body>
</html>
